<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
.mx-10{
    margin-top: 20upx;
    margin-bottom: 20upx;
}
.my-10{
    margin-left: 20upx;
    margin-right: 20upx;
}
.mt-10{
    margin-top: 20upx;
}
.mb-10{
    margin-bottom: 20upx;
}
.ml-10{
    margin-left: 20upx;
}
.mr-10{
    margin-right: 20upx;
}

.mx-20{
    margin-top: 40upx;
    margin-bottom: 40upx;
}
.my-20{
    margin-left: 40upx;
    margin-right: 40upx;
}
.mt-20{
    margin-top: 40upx;
}
.mb-20{
    margin-bottom: 40upx;
}
.ml-20{
    margin-left: 40upx;
}
.mr-20{
    margin-right: 40upx;
}
</style>
